জাভাস্ক্রিপ্ট লোকেশন (JS Location)

Web Development - জাভাস্ক্রিপ্ট (JavaScript) জাভাস্ক্রিপ্ট ব্রাউজার বোম (JS Browser BOM) |
218
218

window.location অবজেক্টটি বর্তমান পেজের ঠিকানা(URL) খুঁজে পেতে এবং ব্রাউজারে নতুন পেজ খুলতে ব্যবহার করা যেতে পারে।


উইন্ডো লোকেশন

window.location অবজেক্টটি window উপসর্গ(prefix) ছাড়াও লিখা যায়।

উদাহরণঃ

  • window.location.href বর্তমান পেজের অবস্থান(URL) রিটার্ন করে
  • window.location.hostname ওয়েব হোস্টের ডোমেইন নাম রিটার্ন করে
  • window.location.pathname বর্তমান পেজের পথ এবং ফাইলের নাম রিটার্ন করে
  • window.location.protocol ওয়েবে ব্যবহৃত প্রোটোকলকে(protocol) রিটার্ন করে(http:// অথবা https://)
  • window.location.assign দ্বারা একটি নতুন ডকুমেন্ট লোড করা হয়

উইন্ডো লোকেশন href

window.location.href প্রোপার্টিটি বর্তমান পেজের অবস্থান(URL) রিটার্ন করে। অর্থাৎ এই প্রোপার্টিটি ব্যবহার করে আমরা বর্তমানে যে পেজে রয়েছি সেই পেজের অবস্থান দেখতে পারি।

জাভাস্ক্রিপ্ট লোকেশন (JS Location) - Example

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<p id="test"></p>

<script>
document.getElementById("test").innerHTML = "Page location: " + window.location.href;
</script>
</body>
</html>

উইন্ডো লোকেশন hostname

window.location.hostname প্রোপার্টিটি ইন্টারনেট হোস্টের(বর্তমান পেজের) নাম রিটার্ন করে।

জাভাস্ক্রিপ্ট লোকেশন (JS Location) - Example

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<p id="test"></p>

<script>
document.getElementById("test").innerHTML = "Page hostname: " + window.location.hostname;
</script>
</body>
</html>

উইন্ডো লোকেশন pathname

window.location.pathname প্রোপার্টিটি বর্তমান পেজের পথ রিটার্ন করে।

জাভাস্ক্রিপ্ট লোকেশন (JS Location) - Example

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<p id="test"></p>

<script>
document.getElementById("test").innerHTML = "Page path: " + window.location.pathname;
</script>
</body>
</html>

উইন্ডো লোকেশন protocol

window.location.protocol প্রোপার্টিটি পেজের ওয়েব প্রোটোকল রিটার্ন করে।

জাভাস্ক্রিপ্ট লোকেশন (JS Location) - Example

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<p id="test"></p>

<script>
document.getElementById("test").innerHTML = "Page protocol: " + window.location.protocol;
</script>
</body>
</html>

উইন্ডো লোকেশন assign

window.location.assign() মেথডটি একটি নতুন ডকুমেন্ট লোড করে।

জাভাস্ক্রিপ্ট লোকেশন (JS Location) - Example

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<button onclick="myFunc()">ক্লিক করুন</button>

<script>
function myFunc() {
    window.location.assign("../index.php");
}
</script>
</body>
</html>

Content added || updated By
টপ রেটেড অ্যাপ

স্যাট অ্যাকাডেমী অ্যাপ

আমাদের অল-ইন-ওয়ান মোবাইল অ্যাপের মাধ্যমে সীমাহীন শেখার সুযোগ উপভোগ করুন।

ভিডিও
লাইভ ক্লাস
এক্সাম
ডাউনলোড করুন
Promotion
;